body{
	font-family : Calibri;
}

#all {
	width		: 1000px;
	height		:720px;
	margin-left	: auto;
	margin-right: auto;
	border	: 1px solid;
	border-color	: rgb(110, 110,110) ;
	
	}

.header {
	position	: relative;
	z-index	: 3;
	padding-top	: 15px;
	width 	: 100%;
	height	: 155px;

	float	: left;

	background: black;
	color 	: white;


}
	.header > #title {
		margin 	: 10 0 0 80;
		font-size	: 25pt;
	}

	.header > #subtitle {
		margin 	: 0 0 0 80;
		font-size	: 12pt;
	}

	.header > #menuHeader {
		margin-top	: 50px;
		padding-top	: 5px;
		height 		: 30px;
		background 	: rgb(128, 128, 128);

	}

		.header > #menuHeader > #listMenuHeader{
			margin-left	: 20px;
			color	: rgb (195, 195, 195);
		}
		.header > #menuHeader > #search {
			margin-right : 10px;
			float : right;


		}

.sidebar {
	position	: absolute;
	z-index		: 2;
	
	margin-bottom : 10px;
	margin-left	: 0px;
	padding		: 10 10 10 10 ;

	float 		: left;

	width 	: 200px;
	height 	: 700px;
	opacity	: 0.8; 
	background : rgb(192, 192, 192);
}
	
	.sidebar #textSidebar {
		margin-top	: 180px;
		padding	: 10 10 10 10 ;
		
		border	: 1px solid;
		border-color	: rgb(230, 230, 230);
		border-radius	: 10px;
		
		background-color: rgb(250, 250, 250);
	}
	
	.sidebar #menuSidebar {
		margin-top	: 30px;
		padding	: 10 10 10 10 ;
		
		
		border	: 1px solid;
		border-color	: rgb(230, 230, 230);
		border-radius	: 10px;
		background-color: rgb(250, 250, 250);
	}

		#selectable{
			
		}

		#selectable .ui-selecting { 
			background: #FECA40; 
		}
		#selectable .ui-selected { 
			background: #F39814; 
			color: white; 
		}
		#selectable { 
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
			width: 100%; 
		}
		#selectable li { 
			margin: 3px; 
			padding: 0.4em; 
			font-size: 12pt; 
			height: 15px; 
		}	
	
	.sidebar #arrowpanel {
		position	: absolute;
		margin-top	: -230px;
		margin-left	: 200px;
		
		padding-top	: 5px;
		padding-left: 15px;
		padding-bottom	: 5px;
		
		width		: 30px; 
		height		: 20px;
		
		border-radius : 20px;
		
		opacity	: 0.8; 
		background : rgb(192, 192, 192);
		
	}

.rightsidebar{
	
	float	: right;
	z-index		: 0;
	margin-left	: 670px;
	padding		: 5 5 5 5  ;

	float 		: left;

	width 	: 320px;
	height 	: 540px;
	
	opacity	: 0.9; 
	background : rgb(192, 192, 192);


}	
	.rightsidebar #textSidebar {
		margin-top	: 50px;
		margin-bottom	: 35px;
		padding	: 10 10 10 10 ;
		
		border	: 1px solid;
		border-color	: rgb(230, 230, 230);
		border-radius	: 10px;
	}
	
.content {
	float	: left;
	padding	: 10 10 10 10 ;
	width	: 97.9%;
	border	: 1px solid;
	border-color : rgb (190,190,190);
	background: white;
}
	.content  .breadcrum {
			position	: relative;
			float		: left;
			text-align	: left;
			font-size	: 10pt;
			color : grey;

		}
		
		.content  #nowBreadcrum{
			float	: left;
			color 	: blue;
			font-size	: 10pt;
			font-weight	: bold;
		}
	
	.content #titleContent {
		position	: relative;
		text-align	: center;
		font-size	: 20pt;
		font-weight	: bold;
		font-family: 'Segoe Print'
	}

	.content #prev {
		float	: left;
	}
	
	.content #next {
		float : right;
		
	}
	
	.accordion #acc_2 {
		width : 60%;
	}
		
		
	/*untuk tooltip*/	
	
	#tooltip {
		position	: absolute;
		z-index		: 3000;
		border		: 1px solid #111;
		background-color: #eee;
		padding		: 5px;
		opacity		: 0.85;
		
		
		
		font-size 	: 12pt;
		font-family	: Calibri;
		
	}
	
	/*untuk form - tapi ga kepake -_-*/	
		
	form {
		padding	: 5 5 5 5 ;
		border	: 1px solid;
		border-color : rgb(220, 220, 220);
	}	
		#filechooser{
			margin : 20 20 20 20 ;
		}
		#filename{
			width	: 300px;
			padding-left : 20px;
			border	: 1px solid;
			border-color : rgb(130, 130, 130);
			border-radius	: 10px;
		}
		
		
	#hasilJawaban{
		margin-top		: 20px;
		margin-bottom	: 50px;
	}	
	
	
		
		
	

		

	

.footer {
	
	
}
	